*{
	margin:0;
	padding:0;
}

.container{
	position: absolute;
	width:100%;
	height:100%;
	background-color:#ef5d50;
}


.background{
	width:100%;
	height:80%;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	/*padding:5%;*/
	box-sizing: border-box;
}
.title-area{
	height:25%;
	text-align: center;

}


.title{
	font-size:40px;
	color: #eeffff;
}

.title-text{
	font-size:20px;
	color: #fff7fb;
}

.img{

	width:100%;
	height:40%;
	text-align: center;


}

.img img{
	height:100%;
	width:100%;
}

.join{
	text-align:center;
	font-size:18px;
	height:25%;

}

.top{
	color:#fff7fb;
}

.num{
	color:#ffdd60;
	font-size:22px;
}



.play{

	text-align: center;
	width:100%;
	height:10%;

}

.btn{

	padding:15px 25px;
	background-color:#fff;
	font-size:20px;
	color:#ff5c73;
	border-radius:25px;

}

/*弹出层*/

.tan {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}

.meng {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.75);
}


.right{
	position:absolute;
	right:0;
	top:40px;
	width:200px;
	height:100px;
	background-color:#fff;

}

.first{
	margin-top: 10px;
	font-size:18px;
	white-space: nowrap;
}

.second{
	margin-top:10px;
	font-size:18px;
	white-space: nowrap;
}
